<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>登录喽！！</title>
    <link rel="icon" href="/aaaa/favicon.ico">
    <link rel="icon" href="/aaaa/favicon.ico">
    <link rel="stylesheet" href="115.css">

    <!-- 谷歌国外镜像<script src="https://www.google.com/recaptcha/api.js" async defer></script>-->
    <script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script> <!-- 谷歌国内镜像-->
    <!--统一URL-->
    <script src="../../../URLJS/URL.js"></script>
</head>

<body>
<div class="container">
    <div class="panda">
        <div class="ear left"></div>
        <div class="ear right"></div>
        <div class="face">
            <div class="eye-shadow left"></div>
            <div class="eye-white left">
                <div class="eye-ball"></div>
            </div>
            <div class="eye-shadow right"></div>
            <div class="eye-white right">
                <div class="eye-ball"></div>
            </div>
            <div class="nose"></div>
            <div class="mouth"></div>
        </div>
        <div class="body"></div>
        <div class="foot left">
            <div class="sole"></div>
        </div>
        <div class="foot right">
            <div class="sole"></div>
        </div>
    </div>
    <div class="login-box">
        <div class="hand left"></div>
        <div class="hand right"></div>
        <h1>用户登录</h1>
        <div class="ipt-box">
            <input id="username" value="admin" placeholder="AUTO就好了" type="text" required>
            <label>用户名</label>
        </div>
        <div class="ipt-box">
            <input type="password" value="admin" placeholder="AUTO就好了" id="password" required>
            <label id="xians">密码</label>
        </div>
<!--        <div style="font-size: 10px">勾选为手机号验证码登录<p style="text-align: center">默认密码为手机号</p></div>
        <input id="yzm" type="checkbox">-->
        <form id="g-recaptcha" style="display: none" method="POST">
        <!-- reCAPTCHA 容器-->
            <!--线上 6Ld7QDopAAAAAB4Q-UDK2qvnynaEEX59NiUlh43v-->
        </form>
        <div class="g-recaptcha" id="googleyzm" data-sitekey="6Ld7QDopAAAAAB4Q-UDK2qvnynaEEX59NiUlh43v"></div>
       <!-- <button id="reqMSM" >发送</button>-->

        <button id="btn">登录</button>
    </div>
</div>
<!--在线jquery会卡bug-->
<!--<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->
<script src="../../../jquery/jquery3.6.js"></script>
<script src="115.js"></script>
<script src="login.js"></script>
</body>


<script>
    $('#yzm').change(function() {
        if ($(this).is(':checked')) {
            $('#xians').text('验证码');
                // 显示验证码
                if ($('#g-recaptcha').css('display') === 'none') {
                    $('#g-recaptcha').css('display', 'block');
                }

            var pwd = $('#password');
            console.log("chagndu"+pwd.val().length)
            if(pwd.val().length > 0){
                pwd.val("");
                $('#password').attr('type', 'text');
            }
        } else {
            // 隐藏验证码
            if ($('#g-recaptcha').css('display') === 'block') {
                $('#g-recaptcha').css('display', 'none');
            }
            $('#xians').text('密码');
            $('#password').attr('type', 'password');
        }
    });


</script>
</html>
